<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车-哇噻网</title>
		<meta name="description" content="创意礼物首选网站">
		<meta name="keywords" content="手工制作,购物,设计师,哇塞网">
		<meta name="author" content="haimi">
		<script src="./Public/Home/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/shoppingCart.css"/>
		
{{include file="../Common/head"}}
<!--END head-->

<!--shoppingCart-->
<div id="shoppingCart">
	<img src="./Public/Home/images/cart_status.jpg"/>
	<div class="goods_num">
		<!--<span>购物车状态</span>
		(<b>4/99</b>)-->
	</div>
	<div class="cart_count">
		<p class="go_shopping"><a href="index.php">继续购物</a></p>
		<p class="total_price"><!--宝贝总价<span class="subtotal">￥1198.00</span>--></p>
		<p class="account">
			<!--<a href="">
				<img src="./Public/Home/images/Settlement_bg.jpg"/>
			</a>-->
		</p>
	</div>
	<ul class="cart_goods_tit">
		<li class="all_check_but">
			<!--<input type="checkbox" checked="checked" title="全选"/>-->
		</li>
		<li class="all_check"></li>
		<li class="store_baby">宝贝</li>
		<li class="wasai_money"></li>
		<li class="unit_price">单价</li>
		<li class="cart_googs_num">数量</li>
		<li class="cart_youhui"></li>
		<li class="little_count">小计(元)</li>
		<li class="poeration">操作</li>
	</ul>
	<script type="text/javascript">
		
		$(function(){
			//1.全选功能
			$('.all_check_but input').click(function(){//点击全选时
				if($('.all_check_but input').attr('checked')){//如果状态为默认选中，就使全部选中
					$('.buygoods_list_con_checkbox input').attr('checked','checked');//全部选中
					$('.administration_babycount strong').html({{$_SESSION['cart']['total']}});
				}else{//再次点击，实现反选
					$('.buygoods_list_con_checkbox input').removeAttr('checked');//所有的checkbox都不选中
					$('.administration_babycount strong').html(0); //总价变为0元
				}
				
			});
			
			//2.数量增加或减少
			var arr=[];
			var total={{$_SESSION['cart']['total']}};
			$('.bt_jian').click(function(){
				
				//数量减少
				var re=$(this).parents('.buygoods_list').index();
				var jian = $(this).parents('.buygoods_list_con').find('.num_box input').val();//获取商品购买熟练的值
				jian--;
				if(jian <=0){
					jian=1;
					return;
				}//如果减到1时默认为1
				arr[re]=jian;
				$(this).parents('.buygoods_list_con').find('.num_box input').val(arr[re]);//赋值
				
				//修改小计
				var  num = $(this).parents('.buygoods_list_con').find('.num_box input').val();//获取修改后数量
				var price = $(this).parents('.buygoods_list_con').find('.buygoods_list_con_unitPrice span').text();//获取单价
				var subtotal = num * price;//把数量和单价相乘
				$(this).parents('.buygoods_list_con').find('.buygoods_list_con_littlecount span').text(subtotal);//把修改后赋值给小计
				
				//修改总价
				var thisSuntotal = $(this).parents('.buygoods_list_con').find('.buygoods_list_con_littlecount span').text();
				//alert(thisSuntotal);
				total-=Number(price);
				$('.administration_babycount strong').html(total);
				
				//每次修改数量都发送一次ajax修改$_session
				var nowSid = $(this).parents('.buygoods_list').find('.sid').val();//获取当前商品的唯一sid
				$.ajax({//把商品唯一的sid和数量传过去
					type:"post",
					url:"{{U('Cart/edit')}}",
					data:{nowSid,num},
					dataType:'json',
					success:function(){
					}
				});
				
				
				
				
			})
			
			
			//数量增加
			$('.bt_jia').click(function(){
				
				//数量增加
				var re  =$(this).parents('.buygoods_list').index();//获取当前点击的父级
				var inventory = $(this).parents('.buygoods_list_con').find('.inventory').val();//获取商品的库存
				var jia = $(this).parents('.buygoods_list_con').find('.num_box input').val();//获取商品购买熟练的值
				jia++;
				if(jia > inventory ) {
					jia=inventory;//如果大于或等于库存时，默认为最大库存，并弹窗提示最大值
					return;
				}
				arr[re] = jia;
				$(this).parents('.buygoods_list_con').find('.num_box input').val(arr[re]);//赋值
				
				//修改小计
				var  num = $(this).parents('.buygoods_list_con').find('.num_box input').val();//获取修改后数量
				var price = $(this).parents('.buygoods_list_con').find('.buygoods_list_con_unitPrice span').text();//获取单价
				var subtotal = num * price;//把数量和单价相乘
				total+=Number(price);
				$(this).parents('.buygoods_list_con').find('.buygoods_list_con_littlecount span').text(subtotal);//把修改后赋值给小计
				$('.administration_babycount strong').html(total);
				
				//每次修改数量都发送一次ajax修改$_session
				var nowSid = $(this).parents('.buygoods_list').find('.sid').val();//获取当前商品的唯一sid
				$.ajax({//把商品唯一的sid和数量传过去
					type:"post",
					url:"{{U('Cart/edit')}}",
					data:{nowSid,num},
					dataType:'json',
					success:function(){
					}
				});
			})
			
			//3.删除商品
			$('.del').click(function(){
				var nowSid = $(this).parents('.buygoods_list').find('.sid').val();//获取当前商品的唯一sid
				
				$.ajax({
					type:'post',
					url:"{{U('Cart/del')}}",
					data:{sid:nowSid},
					dataType:'json',
					success:function(phpData){
						location.reload();//删除成功后刷新页面
					}
				})
			})
			
			//4.点击结算时判断是否全选了，如果全选就跳转订单页面，如果没有就提示
//			$('#cfOrder').click(function(){
//				var check = $('.all_check_but input').attr('checked');//获取全选的状态
//				if(check){//如果全选了
//					location.href="{{U('Cart/confirmOrder')}}"
//				}else{//如果不全选
//					alert('请一次性全部下单');
//				}
//			})
			
			
			
		})
	</script>
	
	
<?php if(isset($_SESSION['cart'])): ?>
<!--如果$_SESSION里有cart，就显示这个页面-->
	{{foreach from="$_SESSION['cart']['goods']" key="$k" value="$v"}}
	<div class="buygoods_list" id='checkIndex'>
		<div class="buygoods_list_tit">
			<!--<span class="buygoods_list_tit_checkbos">
				<input type="checkbox" />
			</span>
			<span class="buygoods_list_tit_store">店铺：<a href="#">钟海密的商铺</a></span>
			<span class="buygoods_list_tit_address">中国	上海市	普陀区</span>
			<div class="gap"></div>
			<span class="buygoods_list_tit_storecount">本店总价：<strong>￥399.00</strong></span>-->
		</div>
		<div class="buygoods_list_con">
			<span class="buygoods_list_con_checkbox">
				<!--<input type="checkbox" checked="checked"/>-->
			</span>
			<dl>
				<dt><img src="{{$v['options']['listview']}}"/></dt>
				<dd>
					<p>
						<a href="content_{{$v['id']}}.html">{{$v['name']}}</a>
					</p>
					<p></p>
				</dd>
			</dl>
			<span class="buygoods_list_con_wowsaimoney"></span>
			<span class="buygoods_list_con_unitPrice">￥<span>{{$v['price']}}</span>元</span>
			<ul class="input_numbox">
				<li class="bt_jian"><img src="./Public/Home/images/cart_reduction.jpg"/></li>
				<li class="num_box"><input type="text" value="{{$v['num']}}"/></li>
				<!--隐藏域，储存库存-->
				<input type="hidden" class="inventory" value="{{$v['options']['inventory']}}" />
				<li class="bt_jia"><img src="./Public/Home/images/cart_plus.jpg"/></li>
			</ul>
			<span class="buygoods_list_youhui"></span>
			<span class="buygoods_list_con_littlecount">￥<span>{{$v['total']}}</span>元</span>
			<span class="buygoods_list_con_poeration">
				<a href="javascript:;" class="del">删除</a>
				<!--隐藏域，储存商品的唯一sid-->
				<input type="hidden" name="" class="sid" value="{{$k}}" />
			</span>
		</div>
	</div>
	{{endforeach}}
	
	<!--cart-->
	
	<dl class="submit_order">
		<dt>
			<p class="administration">
				<!--<input type="checkbox" checked="checked"/><span>全选</span>
				<a href="#">反选</a>&nbsp;&nbsp;
				<a href="#">批量删除</a>&nbsp;&nbsp;
				<a href="#">删除失效宝贝</a>&nbsp;&nbsp;-->
			</p>
			<p class="administration_babycount">
				宝贝总价：￥<strong>{{$_SESSION['cart']['total']}}</strong>元
			</p>
		</dt>
		<dd id="cfOrder">
			<a href="confirmOrder.html">
				<img src="./Public/Home/images/settlement.jpg"/>
			</a>
			
		</dd>
	</dl>
	
	
	
<?php else: ?>	
	<div class="buygoods_list" id='checkIndex'>
		<a href="{{U('Index/index')}}"><h1 style="text-align: center;">您的购物车中还没有宝贝，请先去购物！</h1></a>
	</div>
	


<?php endif ?>
	
</div>
<!--END shoppingCart-->

<!--底部开始-->
<li style="width: 100%;height: auto;overflow: hidden;margin: 0 auto;">{{include file="../Common/footer"}}</li>
<!--底部结束-->	
	</body>
</html>
